<template>
  <div>
    news 组件



  </div>

  <div>

    {{ count }}----{{ msg }};

    计算属性:{{ doubleCount }}
  </div>

  <button @click="handlerCount"> 点击 count++</button>
</template>

<script setup>

// 1 引入 
import { useCounterStore } from '../../store/counter'

import { storeToRefs } from 'pinia'
// 2  调用
// const { count, msg, arr, doubleCount } = useCounterStore()


// console.log(count)
// console.log(msg)
// console.log(arr)

// console.log(doubleCount)

// 3  直接解构 那么  state 定义 响应式 功能


// storeToRefs  可以实现解构的数据 依然有响应式功能

const counterStore = useCounterStore()

const { count, msg, arr, doubleCount } = storeToRefs(counterStore)




</script>

<style lang="scss" scoped></style>